<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>:root选择器</title>
		<!-- 
		:root选择器 用于匹配文档根元素 当根元素始终是html 所以可以对所有标签生效
		 相当于通配选择* 但权重比* 更低 可以直接被覆盖
		 -->
		<style type="text/css">
			:root {
				color: red;
			}

			h2 {
				color: blue;
			}
		</style>
	</head>
	<body>

		<h2>《赠汪伦》</h2>
		<p>李白乘舟将欲行</p>
		<h2>忽闻岸上踏歌声</h2>
		<h2>桃花潭水深千尺</h2>
		<h2>不及汪伦赠我情</h2>
	</body>
</html>
